<template>
  <h3 style="margin-bottom: 20px">活动查询</h3>
  <el-table :data="marketingRef"
            border
            style="width: 70vw;margin-top: 20px"
  >
    <el-table-column type="index" width="50"/>
    <el-table-column prop="cuisineId" label="菜品ID"/>
    <el-table-column prop="requireGrade" label="要求等级"/>
    <el-table-column prop="depleteIntegration" label="消耗积分"/>
    <el-table-column prop="discount" label="折扣"/>
  </el-table>
</template>

<script setup>
import {onMounted, ref} from "vue";
import {listMarketingApi} from "../../api";

let marketingRef = ref(null)
onMounted(async () => {
  let marketing = await (await listMarketingApi()).json()
  marketingRef.value = marketing.data
})
</script>

<style scoped>

</style>